<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>左侧导航栏</title>
        <style>
            *{padding:0;margin:0;}
            ul{
                list-style:none outside;
            }
            a{
                display:block;
                background:#99CC33;
                width:120px;
                height:35px;
                line-height:35px;
                color:white;
                font-weight:bold;
                text-decoration:none;
                text-align:center;
            }
            a:hover{
                color:black;
                background-color:#669933;
            }
        </style>
    </head>
    <body>
        <ul>
            <li><a href="URL">IT互联网</a></li>
            <li><a href="URL">职业技能</a></li>
            <li><a href="URL">语言学习</a></li>
            <li><a href="URL">设计创作</a></li>
            <li><a href="URL">兴趣爱好</a></li>
            <li><a href="URL">职业规划</a></li>
        </ul>
    </body>
</html>